
/******  弹出以后屏幕不能滚动  ******/
.ovfHiden{overflow: hidden;height: 100%;}

/*弹出背景*/
#dialogBg{
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity:.6;
    filter: alpha(opacity=60);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    display: none;
}

/*弹出内容框*/
#dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000;
    display: none;
    margin: 0 auto;
    margin: -260px 0 0 -300px;
    width: 600px;
    height: 520px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    -webkit-box-shadow: 3px 5px 10px rgba(0,0,0,0.1);
    box-shadow: 3px 5px 10px rgba(0,0,0,0.1);
}

/*弹出具体内容*/
.dialogTop{width:90%;margin:0 auto;border-bottom:1px dotted #ccc;letter-spacing:1px;padding:10px 0;text-align:right;}
.dialogIco{width:50px;height:50px;position:absolute;top:-25px;left:50%;margin-left:-25px;}
.editInfos{padding:15px 0;}
.editInfos li{width:90%;margin:8px auto auto;text-align: center;}
.ipt{border:1px solid #ccc;padding:5px;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 3px #ccc inset;-webkit-box-shadow:0 0 3px #ccc inset;margin-left:5px;}
.ipt:focus{outline:none;border-color:#66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);}
.submitBtn{width:90px;height:30px;line-height:30px;font-family:"微软雅黑","microsoft yahei";cursor:pointer;margin-top:10px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;text-align:center;background-color:#428bca;color:#fff;box-shadow: 0 -3px 0 #2a6496 inset;-webkit-box-shadow: 0 -3px 0 #2a6496 inset;}


/*头部标题*/
header{width:90%;text-align:center;padding:5%;letter-spacing:2px;color:#333;font-size:1.2em;text-shadow:0 0 2px #999;}

.demo{ width: 100%; margin: 0px auto; text-align:center; }
.demo a{ margin: 0px 5px 20px; background-color: #eee; padding: 10px; }









